<template>
  <div class="inner-wrapper">
    <el-row>
      <el-col :span="24">
        <div class="grid-content">
          <el-breadcrumb separator="/">
            <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
            <el-breadcrumb-item>应用</el-breadcrumb-item>
            <el-breadcrumb-item>全部</el-breadcrumb-item>
          </el-breadcrumb>
        </div>
      </el-col>
    </el-row>
    <el-row>
      <el-col :span="15"><div class="grid-content ">
        <div class="form-caption">创建备用池</div>

        <el-form ref="form" :model="form" label-width="150px">
          <el-form-item label="索引:">
            <el-input size="small" v-model="form.index" placeholder="(0-1055)"></el-input>
          </el-form-item>
          <el-form-item label="主机索引:">
            <el-input size="small" v-model="form.sys_mainindex"></el-input>
          </el-form-item>
          <el-form-item label="inputwwpn:">
            <el-input size="small" v-model="form.sys_inputwwpne"></el-input>
          </el-form-item>
          <el-form-item>
            <p>Are You Sure You Want to Create?</p>
            <el-button type="primary" @click="create()">创建</el-button>
          </el-form-item>
        </el-form>



      </div></el-col>
    </el-row>
  </div>

</template>

<script>
  export default {
    name: 'hello',
    data () {
      return {
        msg: 'Welcome to Your Vue.js App',
        form: {
          index: '',
          sys_mainindex: '',
          sys_inputwwpne: ''
        }
      }
    }
  }
</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="scss" rel="stylesheet/scss">

</style>
